<template>
  <div id="inputPhone">
      <!-- <LoginInput title="手机号"></LoginInput> -->
      <div class="phoneBox">
        <div>手机号</div>
        <div class="phone" v-text="phone"></div>
      </div>
      <LoginInputCode type="tixian" :phone="phone" @getValue="getValue"></LoginInputCode>
  </div>
</template>
<script>
import LoginInput from '../../../component/common/LoginInput'
import LoginInputCode from '../../../component/common/LoginInputCode'
import {getStore} from '../../../../config/mUtils'

export default {
  components:{
    LoginInput,
    LoginInputCode
  },
  data(){
    return {
      phone:getStore('phone'),
    }
  },
  methods:{
    getValue(data){
      this.$emit('passCode',data)
    }
  }
}
</script>
<style lang="less">
  @import '../../../../style/mixin.less';

  #inputPhone{
    margin: 0 auto;
    width: 90%;
    .phoneBox{
      height: 1.7067rem;
      margin-top: 0.56rem;
      color: #939393;
      font-size: 0.38rem;
      .phone{
        height: 1rem;
        width: 100%;
        font-weight: bold;
        .sc(.42rem,#000);
        line-height: 1rem;
      }
    }
  }
</style>
